<template>
  <div class="notice">
    <h3 class="title">{{ hospitalDetail?.hosname }}预约挂号须知</h3>
    <div class="top">为方便您早日就医康复，请您认真阅读预约挂号须知:</div>
    <div class="info">
      <h4 class="tip">一、预约实名制：</h4>
      <p class="text">
        统一平台电话预约和网上预约挂号均采取实名制注册预约，请您如实提供就诊人员的真实姓名、有效证件号（身份证、护照）、性别、手机号码、社保卡号等基本信息。
      </p>
    </div>
    <div class="info">
      <h4 class="tip">二、预约挂号：</h4>
      <div class="rule">按照北京市卫健委统一平台要求，预约挂号规则如下：</div>
      <p class="text">
        在同一自然日，同一医院，同一科室，同一就诊单元，同一就诊人，可以预约最多1个号源；
      </p>
      <p class="text">在同一自然周，同一就诊人，可以预约最多8个号源；</p>
      <p class="text">在同一自然月，同一就诊人，可以预约最多12个号源；</p>
      <p class="text">在同一自然季度，同一就诊人，可以预约最多24个号源。</p>
    </div>
    <div class="info">
      <h4 class="tip">三、取消预约：</h4>
      <p class="text">
        已完成预约的号源，如需办理退号，至少在就诊前一工作日14:00前通过网站、微信公众号、114电话等平台预约渠道进行取消预约。
      </p>
    </div>
    <div class="info">
      <h4 class="tip">四、爽约规则：</h4>
      <div class="rule">
        如预约成功后患者未能按时就诊且不办理取消预约号视为爽约，同一患者在自然年内爽约规则如下：
      </div>
      <p class="text">
        累计爽约3次，自3次爽约日起，90天内不允许通过114平台进行预约挂号；
      </p>
      <p class="text">
        累计爽约6次，自6次爽约日起，180天内不允许通过114平台进行预约挂号。
      </p>
    </div>
  </div>
</template>

<script setup lang="ts" name="Notice">
import useHospitalDetailsStore from '@/store/modules/hospitalDetails'
import { storeToRefs } from 'pinia'

// 获取医院详情仓库中存储的数据
const { hospitalDetail } = storeToRefs(useHospitalDetailsStore())
</script>

<style scoped lang="scss">
.notice {
  margin: 20px 50px;
  color: $base-color;
  margin-bottom: 40px;
  .title {
    font-size: 25px;
    color: $base-active-color;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
  }
  .top {
    margin-bottom: 20px;
  }
  .info {
    margin-bottom: 20px;
    .tip {
      font-size: 17px;
      color: $base-active-color;
      margin-bottom: 15px;
      font-weight: bold;
    }
    .rule {
      margin: 30px 0;
      font-weight: bold;
    }
    .text {
      line-height: 25px;
      margin-bottom: 10px;
    }
  }
}
</style>
